<script setup lang="ts">

defineProps<{ idnubmer: number }>()

</script>
<template>
  <h1 style="color: green;">我是第{{ idnubmer }}个</h1>
  <div class="item-container">
    <div :key="n" class="item" v-for="n in 200">
    </div>
  </div>
</template>

<style lang="scss" scoped>
.item-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 3px solid #f40;

  .item{
    width: 5px;
    height: 3px;
    background: #ccc;
    margin: 0.1em;
  }
}

</style>